<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LinkedChat</title>
    <link href="../statics/images/login_icon.ico" rel="shortcut icon">
    <link rel="stylesheet" type="text/css" href="../statics/css/Headers.css">
    <link rel="stylesheet" type="text/css" href="../statics/css/Footers.css">
    <link rel="stylesheet" type="text/css" href="../statics/css/Messagers.css">
    <script src ="../statics/js/jquery-3.6.0.min.js"></script>
</head>
<body>
   <!--头部-->
   <div id="header">
       <div class="header_i">
           <!--logo-->
           <a href="../../index.jsp">
               <div class="logo">
                   <span>LinkedChat</span>
               </div>
           </a>
           <!--nav-->
           <div class="nav">
               <ul >
                   <li class="menu_item"><a href="../../index.jsp">首页</a></li>
                   <li class="menu_item"><a href="../Job/SearchJob1.html">职位</a></li>
                   <li class="menu_item"><a href="">校园</a></li>
                   <li class="menu_item"><a href="">海归</a></li>
                   <li class="menu_item"><a href="../Company/CompanyHomePage.jsp">公司</a></li>
                   <li class="menu_item"><a href="">APP</a></li>
                   <li class="menu_item"><a href="">咨询</a></li>
                   <li class="menu_item"><a href="">百科</a></li>
               </ul>
           </div>

           <!--登录区域  -->
           <div class="login_info" style="display: none" >
               <div class="head_msg">
                   <a href="" class="drop_trigger">
                       <ul >
                           <li class="menu_item">上传简历</li>
                           <li class="menu_item">我要找工作</li>
                       </ul>
                   </a>

               </div>
               <div class="head_user">
                   <a href="Person/Login.html" class="loginBtn">登陆</a>
                   <a href="#" class="loginBtn">注册</a>
               </div>
           </div>
           <div class="login_info1" style="display:block">
               <ul >
                   <li class="menu_item">
                       <a href="/GiteeProbject/LinkedChatSystem/Person/Messagers.html" class="header_message">消息
                           <span class = "message_chat_num"></span>
                       </a>
                   </li>
                   <li class="menu_item">
                       <a href="CVManage.jsp" class="header_cv">简历</a>
                   </li>
                   <li class="header_figure menu_item">
                       <a href="#" class="header_username">
                           <span class="un_text" style="margin-left: 40px">Jason Marslyon</span>
                           <img src="https://img.bosszhipin.com/boss/avatar/avatar_14.png" alt="">
                       </a>
                       <div class="dropdown">
                           <a href="PersonCenter.html" class="person_center">
                               个人中心
                               <span>推荐职位、编辑在线简历</span>
                           </a>
                           <a href="#" class="change_recruit">切换为招聘者</a>
                           <a href="#" class="logout">退出登陆</a>
                       </div>
                   </li>
               </ul>
           </div>
       </div>
   </div>

   <!--主体-->
   <div class="tbody">
       <!--聊天框主体-->
       <div class="chat_warp">
           <!--聊天框左侧联系人-->
           <div class="chat_warp_left">
                <div class="chat_warp_left_top">
                     <span> 30天内联系人</span>
                </div>
                <div class="chat_warp_left_bottom">
                    <ul>
                        <li class="autor_list">
                            <div class = "autor_img">
                                <img src="../statics/images/work_jiaoyu_1.jpeg">
                            </div>
                            <div class="autor_message">
                                <span class="autor_name">付敏捷</span>
                                <span class="chat_time">20:29</span>
                                <div class="autor_form">
                                    <span>科微机器人</span>
                                    <span> &nbsp;| &nbsp;</span>
                                    <span>hr</span>
                                </div>
                            </div>
                        </li>
                    </ul>

                </div>
           </div>
           <!--聊天框右侧沟通信息-->
           <div class="chat_warp_record">
               <div class="chat_warp_article">
                   <p class="fl">
                        <span>付敏捷</span>
                        <span>科微机器人</span>
                        <i class="vline"></i>
                       <span>hr</span>
                   </p>
               </div>
               <div class="chat_warp_position_bar">
                    <a href="#" class="geek_chat_job_detail">
                        <span>沟通职位</span>
                        <span class="bar_position_name">系统工程师(软件)</span>
                        <span>4-5k</span>
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;苏州</span>
                    </a>
               </div>
               <div class="chat_warp_message">
                    <ul class="im_list">

                        <li class="item_friend">
                            <div class="message_text">
                                <div class="figure">
                                    <img src="../statics/images/work_jiaoyu_1.jpeg">
                                </div>
                                <div class="text">
                                    <p>
                                        <span>对你的简历很感兴趣，期待深入交流。</span>
                                    </p>
                                </div>
                            </div>
                        </li>

                        <li class="item_friend">
                            <div class="message_text">
                                <div class="figure">
                                    <img src="../statics/images/work_jiaoyu_1.jpeg">
                                </div>
                                <div class="text">
                                    <p>
                                        <span>你好</span>
                                    </p>
                                </div>
                            </div>
                        </li>

                        <li class="item_yourself">
                            <div class="message_text">
                                <div class="text">
                                    <p>
                                        <span>你好</span>
                                    </p>
                                </div>
                            </div>
                        </li>


                        <li class="item_friend">
                            <div class="message_text">
                                <div class="figure">
                                    <img src="../statics/images/work_jiaoyu_1.jpeg">
                                </div>
                                <div class="text">
                                    <p>
                                        <span> 方便发一份你的简历过来吗？</span>
                                    </p>
                                </div>
                            </div>
                        </li>

                        <li class="item_yourself">
                            <div class="message_text">
                                <div class="text">
                                    <p>
                                        <span>好的</span>
                                    </p>
                                </div>
                            </div>
                        </li>

                    </ul>
               </div>
               <div class="chat_warp_editor">


                   <div class="chat_controls">
                       <a href="javascript:;"  aria-label="表情" class="btn_emotion"></a>
                       <a href="javascript:;"  aria-label="简历" class="btn_resume"></a>
                       <a href="javascript:;"  aria-label="互换手机号" class="btn_change"></a>
                   </div>
                   <div class="chat_input" contenteditable="true"></div>
                   <div class="chat_op">
                       <span class="tip">按Enter键发送，按Ctrl+Enter键换行</span>
                       <button type="send" class="btn_send">发送</button>
                   </div>

               </div>
           </div>

       </div>
   </div>

</body>
</html>